<template>
  <div class="config_eth_ctp">
    <!--    <el-header style="background-color: #e3e8e7;margin-bottom: 3px">Eth CTP 配置</el-header>-->
    <el-form :model="ethCtpPac" ref="ruleForm" label-width="100px" class="config_form">
      <el-tabs :tab-position="tabPosition">
        <el-tab-pane label="Vlan">
          <el-divider><span style="color: #409EFF"><b>Vlan</b></span>
          </el-divider>
          <Vlan/>
        </el-tab-pane>
        <el-tab-pane label="clientVLAN">
          <el-divider><span style="color: #409EFF"><b>client vlan</b></span>
          </el-divider>
          <Vlan/>
        </el-tab-pane>
        <el-tab-pane label="OAM" style="width: 800px">
          <EthOAM/>
          <EthOAMState/>
        </el-tab-pane>
        <el-tab-pane label="ETH性能">
          <EthPerformance/>
        </el-tab-pane>
        <!--
        <el-form-item>
                    <el-image
                        style="width: 20px; height: 25px;"
                        :src="require('@/assets/union_rule_font.jpg')"
                        :preview-src-list="[require('@/assets/union/ethPtpPac.jpg')]">
                    </el-image>
                    <el-button type="primary" @click="submitForm('ruleForm')">确认</el-button>
                    <el-button @click="resetForm('ruleForm')">重置</el-button>
                  </el-form-item>
                </el-tab-pane>-->
      </el-tabs>


    </el-form>
  </div>
</template>

<script>
import {xc_vlanPriority, xc_accessAction} from "@/assets/config/XcPac";
import Vlan from "@/components/dispose/ctp/eth/Vlan";
import EthPerformance from "@/components/dispose/ctp/eth/EthPerformance";
import EthOAM from "@/components/dispose/ctp/eth/EthOAM";
import EthOAMState from "@/components/dispose/ctp/eth/EthOAMState";

export default {
  name: "EthCtp",
  components: {EthPerformance, EthOAMState, EthOAM, Vlan},
  data() {
    return {
      tabPosition: 'left',
      vlanId: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
      xc_vlanPriority,
      xc_accessAction,
      ethCtpPac: {
        vlanSpec: {
          vlanType: '',
          vlanId: [],
          vlanPriority: '',
          accessAction: ''
        },
        clientVlanSpec: {
          vlanType: '',
          vlanId: [],
          vlanPriority: '',
          accessAction: ''
        }
      },
    }
  }
}
</script>

<style scoped>
.config_eth_ctp {
  width: 100%;
  height: auto;
}


</style>